<!DOCTYPE html>
<html lang="zh-cn">


<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title></title>
    <link rel="stylesheet" href="../stylesheets/common.css" />
    <link rel="stylesheet" href="../stylesheets/index.css" />
</head>

<body style="background-color:transparent;">
    <div class="header clearfix">
        <div class="logo"><img src='../images/logo.jpg' /></div>
        <div class="web-title">后台管理系统示例</div>
        <div class="mini-logo"><img src='../images/logo.jpg' /></div>
        <div class="mini-title">后台管理系统示例</div>
        <div class="icon-bar clearfix" id="iconBar">
            <div class="icon-index" data-title="首页">
                <!-- TODO 不透露实际地址，隐式加载首页 -->
                <a class="pngfix" href="container.html" target="contentFrame"><img src="../images/icon/icon-index.png" alt="首页">
                    <p title="首页">首页</p>
                </a>
            </div>
            <div class="icon-list clearfix">
                <ul class="icon-ul clearfix"></ul>
            </div>
            <div class="next-list">
                <a href="javascript:void(0);" class="next-btn" id="next-btn"></a>
                <ul class="dots-list clearfix"></ul>
                <div class="nums-list">
                    <span class="cur-page">1</span>
                    <span>/</span>
                    <span class="total-page">4</span>
                </div>
            </div>
        </div>
        <div class="mini-list clearfix" id="mini-list">
            <!-- TODO 高亮显示选中项 -->
            <ul class="clearfix">
                <li data-title="首页"><a href="container.html" target="contentFrame" class="mini-index">首页</a>
                </li>
            </ul>
            <!-- 点击更多，更改iframe的高度，以便列表可以显示 -->
            <div class="more-list">更多<span class="more-list-arrow"></span>
                <ul class="more">
                </ul>
            </div>

        </div>
        <div class="function-block action-block">
            <ul class="action-list">
                <li class="action-item" id="action-user-nums">
                    <div class="action-user-nums">99+</div>
                    <span>在线人数<span class="mini-user-nums">99+</span></span>
                </li>
                <li class="action-item" id="btn-show-user-list">
                    <div class="action-user"></div>
                    <span class="action-more-icon" title="黄小鸭黄小鸭"><span>黄小鸭黄小鸭</span><b class="action-more-icon-arrow"></b></span>
                </li>
                <li class="action-item" id="btn-show-more-list">
                    <div class="action-more"></div>
                    <span class="action-more-icon"><span>更多</span><b class="action-more-icon-arrow"></b></span>


                </li>
            </ul>
        </div>
    </div>
    <ul class="top-list hide" id="user-top-list">
        <li class="top-list-item">
            <a href="##">你好，黄小鸭</a>
        </li>
        <li class="top-list-item">
            <i class="iconfont">&#xe641;</i>
            <a href="##">修改密码</a>
        </li>
        <li class="top-list-item">
            <i class="iconfont">&#xe642;</i>
            <a href="##">退出登录</a>
        </li>
        <li class="top-list-item">
            <i class="iconfont">&#xe642;</i>
            <a href="##">更多下拉</a>
        </li>
    </ul>
    <ul class="top-list hide" id="user-more-list">
        <li class="top-list-item">
            <i class="iconfont">&#xe645;</i>
            <a href="##">版本更新</a>
        </li>
        <li class="top-list-item">
            <i class="iconfont">&#xe604;</i>
            <a href="##">问题反馈</a>
        </li>
        <li class="top-list-item">
            <i class="iconfont">&#xe646;</i>
            <a href="_">帮助中心</a>
        </li>
    </ul>
    <script type="text/javascript" src="../ext/jquery/jquery-1.11.3.min.js"></script>
    <!--[if lt IE 8]>
    <script type="text/javascript" src="../ext/jquery/jquery.pngFix.js"></script>
    <script>
        //修复IE6 PNG
        var fixpng = function(){
            $(document).pngFix();
        };
    </script>
    <![endif]-->
    <script type="text/javascript" src="../javascripts/jquery-zwbam.js"></script>
    <script type="text/javascript" src="../javascripts/top.js"></script>
    <script type="text/javascript">
        $(window).load(function () {

            var paramobj = $.fn.zwbam('getUrlParams', parent.location.search);

            //changes 当用户更改浏览器窗口大小时，重新对图片区进行计算，并排列图标
            //初次进入首页时，设置选中的顶部菜单：1.默认首页进入，选中首页，2.由未知链接跳转传入参数选定
            $('#iconBar').zwbam('initTopMenu', {
                "s": 1,
                "d": [{
                    title: '智课',
                    imgUrl: '../images/icon/icon1.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '主平台',
                    imgUrl: '../images/icon/icon2.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '评比',
                    imgUrl: '../images/icon/icon3.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '评价',
                    imgUrl: '../images/icon/icon4.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '应用中心',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息2',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '应用中心2',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息3',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '应用中心3',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息4',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com4'
                }, {
                    title: '应用中心4',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息5',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '应用中心5',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '信息6',
                    imgUrl: '../images/icon/icon5.png',
                    url: 'http://cn.engadget.com'
                }, {
                    title: '应用中心6',
                    imgUrl: '../images/icon/icon13.png',
                    url: 'http://cn.engadget.com'
                }],
                callback: function () {
                    //获取当前连接有参数就设置指定参数，无参数不变动，错误参数则跳至首页
                    Header.setTopMenu(paramobj.title);
                    if (paramobj.jump) {
                        Header.setContainerUrl();
                    }
                },
            });
        });
    </script>
</body>

</html>